<template>
	<view style="padding: 20rpx;">
		<div class="video-box" v-for="item in fileList">
			<video controls :src="item.url" ></video>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				fileList: []
			}
		},
		created() {
			this.getFileList()
		},
		methods: {
			getFileList() {
				this.$request("/appCommon/fileMp4", 'get').then(res => {
					console.log("当前视频列表", res);
					this.fileList = res.data;
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.video-box{
		width: 100%;
		background-color: #fff;
		text-align: center;
		padding: 20rpx 0;
		box-shadow:  0 0 1px 2px #DCDFE6;
		border-radius: 20rpx;
		margin-bottom: 20rpx;
	}
</style>
